<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">#{message['mantenimiento.producto.panel']}</h1>
		<h:form id="formManteProducto" >
		<p:panel  header="#{message['mantenimiento.producto.panel']}">
			<p:messages id="message" showDetail="true" closable="true" />
			<h:panelGrid columns="3" cellpadding="5"  >
			
				<h:outputText for="codigo" value="#{message['mantenimiento.producto.codigo']}" />
				<p:inputText id="codigoProducto"
					value="#{productoForm.objProductoSie.codproducto}"
					size="10" required="true" maxlength="10"
					requiredMessage="#{message['mantenimiento.producto.codigo.validation']}">
					<f:validateLength minimum="1" maximum="10"/>
				</p:inputText>
				<p:message for="codigoProducto" />
				<h:outputText value="#{message['mantenimiento.producto.tipo']}" />
				<h:panelGroup>
				<p:selectOneMenu id="tipoproducto1"
					value="#{productoForm.tipoProducto}" required="true"
					requiredMessage="#{message['mantenimiento.producto.tipo.validation']}"  >
					<f:selectItem itemValue="#{null}" itemLabel="Seleccionar tipo" />
					<f:selectItems value="#{comboAction.tipoitems}" />
				</p:selectOneMenu>
				</h:panelGroup>
				<p:message for="tipoproducto1" />
				<h:outputText value="#{message['mantenimiento.producto.descripcion']}" />
				<p:inputText id="desc_prod" maxlength="50" size="25" required="true" 
					value="#{productoForm.objProductoSie.descripcionproducto}"
					requiredMessage="#{message['mantenimiento.producto.descripcion.validation']}">
				</p:inputText>
				
				<p:message for="desc_prod" />
				<h:outputText value="#{message['mantenimiento.producto.detalle']}" />
				<p:inputTextarea id="detalle" size="10" autoResize="false" 
					value="#{productoForm.objProductoSie.detalleproducto}"
					rows="8" cols="50" maxlength="120"
					requiredMessage="#{message['mantenimiento.producto.detalle.validation']}" />
				<p:spacer/>
				
				<h:outputText value="#{message['mantenimiento.producto.unidad']}" rendered="#{productoForm.newRecord!=true}" />
				<p:inputText id="unidadProducto" size="10" readonly="true" 
					value="#{productoForm.objProductoSie.unidproducto}"
					required="true" maxlength="10"
					requiredMessage="#{message['mantenimiento.producto.unidad.validation']}" rendered="#{productoForm.newRecord!=true}" />
				<p:message for="unidadProducto" rendered="#{productoForm.newRecord!=true}" />
				
				<h:outputText value="#{message['mantenimiento.producto.stock.minimo']}" />
				<h:panelGroup>
				<p:inputText id="stock_minimo_producto" size="10" required="true"
					value="#{productoForm.objProductoSie.stkminimoproducto}"
					requiredMessage="#{message['mantenimiento.producto.stockmin.validation']}" />
				<pe:keyFilter for="stock_minimo_producto" mask="num"/>
				</h:panelGroup>
				<p:message for="stock_minimo_producto" />
				
				<h:outputText value="#{message['mantenimiento.producto.stock.maximo']}" />
				<h:panelGroup>
				<p:inputText id="stock_mximo_producto" value="#{productoForm.objProductoSie.stkmaximo}"
					required="true" maxlength="10" size="10" 
					requiredMessage="#{message['mantenimiento.producto.stockmax.validation']}" />
				<pe:keyFilter for="stock_mximo_producto" mask="num"/>
				</h:panelGroup>
				<p:message for="stock_mximo_producto" />
				
				<p:graphicImage id="imgFotoInserta"  value="#{productoForm.image}" cache="false" style="height:90px;width:90px; align:center" >
				 <f:param value="#{productoForm.idFoto}" />
				</p:graphicImage>
				 
				<p:commandButton value="#{message['mantenimiento.producto.inserta.imagen']}" icon="ui-icon-image"  
					oncomplete="imageProducDialog.show()" title="Ingresar imagen"/>
				<p:spacer/>
				
				<p:commandButton value="Registrar" action="#{productoForm.insertar}"  ajax="false" 
					icon="ui-icon ui-icon-disk" />
                     
                <p:commandButton value="Regresar" action="#{productoSearch.listar}"  ajax= "false" 
                    icon="ui-icon-circle-arrow-w" />
		</h:panelGrid>
		</p:panel>
		</h:form>
	</ui:define>
</ui:composition>